
.integral{
  margin: .56rem .4rem 0 .4rem;
  .title{
    .left{
      font-size: .43rem;
      font-weight: 500;
      color: #333333;
      line-height: 0.59rem;
    }
    .right{
      .text1{
        font-size: 0.37rem;
        font-weight: 400;
        color: #454863;
        line-height: 0.53rem;
        margin: auto 0;
      }
      .textNum{
        .text1();
        font-size: 0.43rem;
        margin-right: .21rem;
      }
      .text2{
        background: #fff;
        color: #3A9DFD;
        font-size: 0.32rem;
        padding: .05rem .13rem;
        border-radius: 0.32rem;
        border: 0.01rem solid #3A9DFD;
      }
    }
  }
  .allItem::-webkit-scrollbar {display:none}
  .allItem{
    margin-top: .4rem;
    overflow: scroll;
    .item{
      width: 4rem;
      height: 1.92rem;
      flex-shrink: 0;
      margin-right: .27rem;
      background: #F8F8F8;
      border-radius: 0.16rem;
      .floatLeft{
        float: left;
        .mark{
          border-radius: 0.11rem 0 0.11rem 0;
          font-size: 0.29rem;
          font-weight: 400;
          line-height: .43rem;
          padding: .05rem;
        }
        .mark1{
          color: #A1591D;
          background: linear-gradient(221deg, #FFEFDF 0%, #FFDAB3 100%);
        }
        .mark2{
          color: #955537;
          background: linear-gradient(221deg, #FFEADF 0%, #FFCBB3 100%);
        }
        .mark3{
          color: #0F3A9A;
          background: linear-gradient(221deg, #E3EAFF 0%, #CDE2FF 100%);
        }
        img{
          width: .8rem;
          height: .8rem;
          margin: .21rem 0 0 .21rem;
        }
      }
      .floatRight{
        float: right;
        width: 2.7rem;
        margin: 0.27rem auto 0 auto;
        .title{
          font-size: 0.32rem;
          font-weight: 400;
          color: #333333;
          line-height: .45rem;
        }
        .num{
          margin-top: .27rem;
          .money{
            font-size: .48rem;
            font-weight: 400;
            color: #FF6A51;
            line-height: .43rem;
          }
          .money::before{
            content: "￥";
            font-size: .29rem;
          }
          .jf{
            font-size: 0.29rem;
            font-weight: 400;
            color: #999999;
            line-height: .43rem;
          }
          .jf::after{
            content: "积分";
          }
        }
      }
    }
  }
}